<template>
    <div>
      <m-header v-scroll-to-show></m-header>
      <div class="bg" :style="background.bg"></div>
      <div class="main">
        <h1>移动Android工程师</h1>
        <p>Android工程师是指从事Android移动应用操作系统、游戏和各种Android平台功能的应用、开发和测试的技术人员。以手机开发为主要对象，包括但不限于手机操作系统、手机游戏、手机其他多种功能的开发和优化人员。Android工程师是移动应用开发者，希望将自己的应用移植到该平台上或者在该平台上开发应用</p>
      </div>
    </div>
</template>

<script>
  import MHeader from './MHeader'
  import {Bgimg} from '../Bgimg'
    export default {
      name: "android",
      components: {
          MHeader
      },
      data(){
        return {
          background: {
            bg: {
              backgroundImage: `url(${Bgimg.android.bg})`
            }
          }
        }
      }
    }
</script>

<style scoped lang="stylus">
  .bg{
    width: 100%;
    height: 500px;
    background-position: center center;
    background-size: cover;
  }
  .main{
    width: 980px;
    height: 2000px;
    margin: 0 auto;
    /*background: #ddd;*/
  }
  .main h1{
    text-align: center;
    font-size: 50px;
    color: #333;
    padding: 70px 0 30px;
  }
  .main>p{
    text-align: center;
    color: #555;
    text-indent: 2em;
    font-size: 16px;
    padding: 0 50px;
    line-height: 25px;
  }
  .nav-bg{
    background: #718e96;
    animation: show .2s ease;
  }
  @keyframes show {
    0%{
      opacity: .4;
      height: 40px;
    }
    100%{
      opacity: 1;
      height: 70px;
    }
  }
</style>
